<template>
    <div style="border-bottom: 1px solid #EEEEEE;">
        <table style="width: 100%;line-height: 23px;">
            <tr>
                <td class="asheng-margin"></td>
            </tr>
            <tr>
                <td class="asheng-good-name">{{ oi.goodName ? oi.goodName : "" }}</td>
            </tr>
            <tr>
                <td>
                    <span class="asheng-val">订单号：{{ oi.gthOrderId ? oi.gthOrderId : "" }}</span>
                </td>
            </tr>
            <tr>
                <td>
                    <span class="asheng-val" style="color: red;">订单状态：{{ oi.orderStatusStr ? oi.orderStatusStr : "无"
                    }}</span>
                </td>
            </tr>
            <tr>
                <td>
                    <span class="asheng-val">收件人：{{ oi.receiverName ? oi.receiverName.substr(0, 1) + '**' : "" }}</span>
                </td>
            </tr>
            <tr>
                <td>
                    <span class="asheng-val">物流公司：{{ oi.expressCompany ? oi.expressCompany : "" }}</span>
                </td>
            </tr>
            <tr>
                <td>
                    <span class="asheng-val">物流单号：{{ oi.expressNo ? oi.expressNo : "" }}</span>
                </td>
            </tr>
            <tr>
                <td colspan="3" class="asheng-margin"></td>
            </tr>
        </table>
    </div>
</template>

<script>
export default {
    name: "OrderItem",
    props: {
        order: {
            type: Object
        }
    },
    data() {
        return {
            oi: {}
        }
    },
    created() {
        this.initCurrPage()
    },
    methods: {
        initCurrPage() {
            this.oi = this.order
            if (this.oi) {
                if (this.oi.receiverPhone) {
                    let rp = this.oi.receiverPhone
                    this.oi.receiverPhone = rp.substr(0, 3) + "****" + rp.substr(7)
                }
            }
        }
    }
}
</script>
<style scoped>
table,
tr,
td {
    border: 0px;
}

.asheng-good-name {
    font-size: 14px;
    color: #000000;
}

.asheng-title {
    color: #666;
    font-size: 15px;
}

.asheng-val {
    color: #000000;
    font-size: 14px;
}

.asheng-order-status {
    height: 60px;
    width: 60px;
}

.asheng-order-status img {
    height: 60px;
    width: 60px;
}

.asheng-margin {
    height: 5px;
}
</style>

